<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>10.31作业</title>
		<style>
			/* 容器的盒模型 */
			.container{
				width: 900px;
				height: 200px;
				border: 1px solid #ccc;
				margin: 20px;
				/* 盒模型:内边距(上下20px,左右自动) */
				padding: 20px auto;
			}
			/*  横线的盒模型 */
			.line{
				width: 800px;
				height: 1px;
				background-color: #ccc;
				/* 盒模型：外边距(上下50px,左右自动) */
				margin: 50px auto;
			}
			div a{
				display: inline-block;
				border: 1px solid #000;
				margin-left: 20px;
				padding: 2px 5px;
				color: #0000ff;
				text-decoration: underline;
				}
			div a.first{
				border: 0;
				color: #000;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="line"></div>
			</div>
			<div>
			<a href="#" class="first">1</a>
			<a href="#">2</a>
			<a href="#">3</a>
			<a href="#">4</a>
			<a href="#">5</a>
			<a href="#">6</a>
			</div>
	</body>
</html>